<!DOCTYPE html>
<html lang="zh">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  <meta name="keywords" content="select">
  <meta name="description" content="select">
  <title>弹窗</title>
  <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="default">
  <link rel="stylesheet" type="text/css" href="../css/materialdesignicons.min.css">
  <!-- 引入 bootstrap 样式 -->
  <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
  <!-- 校验样式 -->
  <link rel="stylesheet" type="text/css" href="../js/bootstrap-validator/bootstrapValidator.css">
  <link rel="stylesheet" type="text/css" href="../css/style.min.css">
  <link rel="stylesheet" type="text/css" href="../css/form.css">
  <!-- tree 样式 -->
  <link rel="stylesheet" type="text/css" href="../css/yntree.min.css">
  <!-- 资料审核、机具核验样式 -->
  <link rel="stylesheet" type="text/css" href="../css/dialog.css">
  <!-- 选择封闭后仍可操作的流程 -->
  <link rel="stylesheet" type="text/css" href="../css/dialog1.css">
  <!-- 旧补贴额执行标准设置 -->
  <link rel="stylesheet" type="text/css" href="../css/dialog2.css">
  <!-- 设置三合一机具分类 -->
  <link rel="stylesheet" type="text/css" href="../css/dialog3.css">
  <!-- 区域品目设置 -->
  <link rel="stylesheet" type="text/css" href="../css/dialog4.css">
</head>

<body>
  <div class="container-fluid p-t-15">

    <div class="row">

      <div class="col-lg-12">
        <div class="card">
          <header class="card-header">
            <div class="card-title">弹窗</div>
          </header>
          <div class="card-body">

            <button type="button" class="btn btn-outline-primary" data-toggle="modal"
              data-target="#dataAudit">资料审核</button>
            <button type="button" class="btn btn-outline-primary" data-toggle="modal"
              data-target="#dataAudit1">机具核验</button>
            <button type="button" class="btn btn-outline-primary" data-toggle="modal"
              data-target="#dataAudit2">选择封闭后仍可操作的流程</button>
            <button type="button" class="btn btn-outline-primary" data-toggle="modal"
              data-target="#dataAudit3">旧补贴额执行标准设置</button>
            <button type="button" class="btn btn-outline-primary" data-toggle="modal"
              data-target="#dataAudit4">设置三合一机具分类</button>
            <button type="button" class="btn btn-outline-primary" data-toggle="modal"
              data-target="#dataAudit5">区域品目设置</button>

          </div>
        </div>

      </div>
    </div>

  </div>

  <!-- 资料审核 -->
  <div class="modal fade dialog" id="dataAudit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h6 class="modal-title" id="exampleModalLabel">资料审核</h6>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="data-audit-box">
            <div class="audit-item audit-header">
              <div class="item-left">
                审核内容
              </div>
              <div class="item-right">
                <div>通过</div>
                <div>有误</div>
              </div>
            </div>

            <div class="audit-item">
              <div class="item-left">
                <div class="layout-item">
                  <div class="layout-label">登记证书编号</div>
                  <div class="layout-value">
                    <span class="link">3010000000000(点击查看比对信息)</span>
                  </div>
                </div>
              </div>
              <div class="item-right">
                <div class="item-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-check"></span>
                  </div>
                </div>
                <div class="item-no-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-close"></span>
                  </div>
                </div>
              </div>
            </div>

            <div class="audit-item">
              <div class="item-left">
                <div class="layout-item">
                  <div class="layout-label">购机日期</div>
                  <div class="layout-value">
                    2023/03/10 00:00:00
                  </div>
                </div>
              </div>
              <div class="item-right">
                <div class="item-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-check"></span>
                  </div>
                </div>
                <div class="item-no-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-close"></span>
                  </div>
                </div>
              </div>
            </div>

            <div class="audit-item">
              <div class="item-left">
                <div class="layout-item">
                  <div class="layout-label">发票照片</div>
                  <div class="layout-value">
                    <img src="../images/detail/rj.png" alt="">
                  </div>
                </div>
              </div>
              <div class="item-right">
                <div class="item-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-check"></span>
                  </div>
                </div>
                <div class="item-no-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-close"></span>
                  </div>
                </div>
              </div>
            </div>

            <div class="audit-item">
              <div class="item-left">
                <span>
                  购机者所填写的银行卡（折）帐号与其携带的银行卡（折）所显示的账号是否一致
                </span>
              </div>
              <div class="item-right">
                <div class="item-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-check"></span>
                  </div>
                </div>
                <div class="item-no-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-close"></span>
                  </div>
                </div>
              </div>
            </div>

            <div class="audit-item">
              <div class="item-left">
                <span>
                  购机者所填写的银行卡（折）开户名与其携带的身份证件（工商营业执照）所显示的购机者姓名（农业生产经营阻止名称）是否一致
                </span>
              </div>
              <div class="item-right">
                <div class="item-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-check"></span>
                  </div>
                </div>
                <div class="item-no-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-close"></span>
                  </div>
                </div>
              </div>
            </div>

            <div class="audit-item">
              <div class="item-left">
                <span>
                  政策实施要求提供的其他资料
                </span>
              </div>
              <div class="item-right">
                <div class="item-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-check"></span>
                  </div>
                </div>
                <div class="item-no-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-close"></span>
                  </div>
                </div>
              </div>
            </div>

            <div class="audit-item">
              <div class="item-left">
                <span>
                  审核意见（核验通过可不填）
                </span>
                <div class="m-t-10">
                  <textarea name="remark" class="form-control remark" draggable="false" rows="5" required="required"
                    placeholder="请输入审批意见..."></textarea>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer dialog-footer">
          <button type="button" class="btn btn-primary m-r-15">
            <span>资料审核通过</span>
          </button>
          <button type="button" class="btn btn-outline-primary">
            <span>资料审核有误</span>
          </button>
        </div>
      </div>
    </div>
  </div>

  <!-- 机具核验 -->
  <div class="modal fade dialog" id="dataAudit1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h6 class="modal-title" id="exampleModalLabel1">机具审核</h6>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="data-audit-box">
            <div class="audit-item audit-header">
              <div class="item-left">
                核验内容
              </div>
              <div class="item-right">
                <div>通过</div>
                <div>有误</div>
              </div>
            </div>

            <div class="audit-item">
              <div class="item-left">
                <span>
                  税控发票所显示的 机具名称 与所购买实物机具铭牌显示信息是否一致
                </span>
              </div>
              <div class="item-right">
                <div class="item-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-check"></span>
                  </div>
                </div>
                <div class="item-no-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-close"></span>
                  </div>
                </div>
              </div>
            </div>

            <div class="audit-item">
              <div class="item-left">
                <span>
                  税控发票所显示的 生产企业 与所购实物机具铭牌显示信息是否一致
                </span>
              </div>
              <div class="item-right">
                <div class="item-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-check"></span>
                  </div>
                </div>
                <div class="item-no-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-close"></span>
                  </div>
                </div>
              </div>
            </div>

            <div class="audit-item">
              <div class="item-left">
                <span>
                  税控发票所显示的 型号 与所购实物机具铭牌显示信息是否一致
                </span>
              </div>
              <div class="item-right">
                <div class="item-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-check"></span>
                  </div>
                </div>
                <div class="item-no-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-close"></span>
                  </div>
                </div>
              </div>
            </div>

            <div class="audit-item">
              <div class="item-left">
                <span>
                  税控发票所显示的 发动机号 （不带动力的可不核验）与所购实物机具铭牌显示信息是否一致
                </span>
              </div>
              <div class="item-right">
                <div class="item-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-check"></span>
                  </div>
                </div>
                <div class="item-no-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-close"></span>
                  </div>
                </div>
              </div>
            </div>

            <div class="audit-item">
              <div class="item-left">
                <span>
                  税控发票所显示的 出厂编号 与所购实物机具铭牌显示信息是否一致
                </span>
              </div>
              <div class="item-right">
                <div class="item-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-check"></span>
                  </div>
                </div>
                <div class="item-no-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-close"></span>
                  </div>
                </div>
              </div>
            </div>

            <div class="audit-item">
              <div class="item-left">
                <span>
                  所购实物机具铭牌显示信息与农机购置补贴申请办理服务系统内对应的机具信息是否一致
                </span>
              </div>
              <div class="item-right">
                <div class="item-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-check"></span>
                  </div>
                </div>
                <div class="item-no-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-close"></span>
                  </div>
                </div>
              </div>
            </div>

            <div class="audit-item">
              <div class="item-left">
                <span>
                  税控发票所显示的经销企业与农机购置补贴申请办理服务系统内对应的经销信息是否一致
                </span>
              </div>
              <div class="item-right">
                <div class="item-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-check"></span>
                  </div>
                </div>
                <div class="item-no-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-close"></span>
                  </div>
                </div>
              </div>
            </div>

            <div class="audit-item">
              <div class="item-left">
                <span>
                  已按时提供机具，正常核验
                </span>
              </div>
              <div class="item-right">
                <div class="item-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-check"></span>
                  </div>
                </div>
                <div class="item-no-pass">
                  <input type="checkbox">
                  <div class="check-select">
                    <span class="mdi mdi-close"></span>
                  </div>
                </div>
              </div>
            </div>

            <div class="audit-item">
              <div class="item-left">
                <span>
                  审核意见（核验通过可不填）
                </span>
                <div class="m-t-10">
                  <textarea name="remark" class="form-control remark" draggable="false" rows="5" required="required"
                    placeholder="请输入审批意见..."></textarea>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer dialog-footer">
          <button type="button" class="btn btn-primary m-r-15">
            <span>机具审核通过</span>
          </button>
          <button type="button" class="btn btn-outline-primary">
            <span>机具审核有误</span>
          </button>
        </div>
      </div>
    </div>
  </div>

  <!-- 选择封闭后仍可操作的流程 -->
  <div class="modal fade dialog1" id="dataAudit2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel2"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h6 class="modal-title" id="exampleModalLabel2">选择封闭后仍可操作的流程</h6>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <p class="tip-c">*选择封闭后可以操作的流程。若不选择，封闭后不可以做任何操作。</p>

          <div class="flow-group-box">
            <div class="flow-title">选择允许操作流程线：</div>
            <div class="flow-group">

            </div>
          </div>

          <div class="">
            <form id="formData1" class="form-con">

              <div class="el-form-item">
                <div class="el-form-item__label">封闭类型：</div>
                <div class="el-form-item__content form-group">
                  <div id="enclosingType" class="xm-select-demo"></div>
                </div>
              </div>

              <div class="el-form-item">
                <div class="el-form-item__label">封闭原因：</div>
                <div class="el-form-item__content form-group">
                  <textarea name="closureCause" class="form-control remark" draggable="false" rows="5"
                    required="required" placeholder="请输入..."></textarea>
                </div>
              </div>

            </form>
          </div>
        </div>
        <div class="modal-footer dialog-footer">
          <button type="button" class="btn btn-primary m-r-15" onclick="dialog1Save()">
            <span>保存</span>
          </button>
          <button type="button" class="btn btn-outline-primary" data-dismiss="modal">
            <span>取消</span>
          </button>
        </div>
      </div>
    </div>
  </div>

  <!-- 旧补贴额执行标准设置 -->
  <div class="modal fade dialog2" id="dataAudit3" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel3"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h6 class="modal-title" id="exampleModalLabel3">旧补贴额执行标准设置</h6>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <table class="table table-hover" valign="middle">
            <thead align="center">
              <tr>
                <th>有效日期起始日期</th>
                <th>有效日期截止日期</th>
                <th>省级补贴额</th>
                <th>特殊县省级补贴额</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody align="center" valign="middle">
              <tr>
                <td>2022-02-01</td>
                <td>2022-01-31</td>
                <td>500.00</td>
                <td>500.00</td>
                <td>
                  <span class="subsidy-del" onclick="delStandard(this)">
                    <img src="../images/statistics/del.png" alt="">
                  </span>
                </td>
              </tr>
              <tr>
                <td>2022-02-01</td>
                <td>2022-01-31</td>
                <td>500.00</td>
                <td>500.00</td>
                <td>
                  <span class="subsidy-del" onclick="delStandard(this)">
                    <img src="../images/statistics/del.png" alt="">
                  </span>
                </td>
              </tr>
              <tr>
                <td>2022-02-01</td>
                <td>2022-01-31</td>
                <td>500.00</td>
                <td>500.00</td>
                <td>
                  <span class="subsidy-del" onclick="delStandard(this)">
                    <img src="../images/statistics/del.png" alt="">
                  </span>
                </td>
              </tr>
              <tr align="left">
                <td colspan="5">
                  <div class="addStandard" onclick="addStandard(this)">
                    <i class="mdi mdi-plus"></i>
                    <span>添加设置</span>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="modal-footer dialog-footer">
          <button type="button" class="btn btn-primary m-r-15" onclick="dialog1Save(this)">
            <span>保存</span>
          </button>
          <button type="button" class="btn btn-outline-primary" data-dismiss="modal">
            <span>取消</span>
          </button>
        </div>
      </div>
    </div>
  </div>

  <!-- 设置三合一机具分类 -->
  <div class="modal fade dialog3" id="dataAudit4" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel3"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h6 class="modal-title" id="exampleModalLabel3">设置三合一机具分类</h6>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="equipment-class">
            <div class="equipment-options-area">
              <div class="item-title">
                <span>可选字段</span>
              </div>
              <div class="item-body">
                <div id="equipmentTree"></div>
              </div>
            </div>
            <div class="equipment-selected">
              <div class="item-title">
                <span>已选字段</span>
                <span class="clear-selected" onclick="clearSelected()">清空</span>
              </div>
              <div class="item-body">
                <ul class="selected-list">
                  <!-- <li class="selected-item">
                    <div>内容内容内容内容</div>
                    <span class="del-selected" onclick="delSelected(this)">
                      <i class="mdi mdi-close"></i>
                    </span>
                  </li> -->
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer dialog-footer">
          <button type="button" class="btn btn-primary m-r-15" onclick="dialog1Save()">
            <span>保存</span>
          </button>
          <button type="button" class="btn btn-outline-primary" data-dismiss="modal">
            <span>取消</span>
          </button>
        </div>
      </div>
    </div>
  </div>

  <!-- 区域品目设置 -->
  <div class="modal fade dialog3" id="dataAudit5" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel4"
    aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h6 class="modal-title" id="exampleModalLabel4">区域品目设置</h6>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="region-form">
            <form id="formData" class="form-con">

              <div class="el-form-item">
                <div class="el-form-item__label">操作类型：</div>
                <div class="el-form-item__content form-group">
                  <div class="radio-group">
                    <div class="custom-control custom-radio">
                      <input type="radio" class="custom-control-input" checked name="customRadio" id="customCheck1">
                      <label class="custom-control-label" for="customCheck1">开通</label>
                    </div>
                    <div class="custom-control custom-radio">
                      <input type="radio" class="custom-control-input" name="customRadio" id="customCheck2">
                      <label class="custom-control-label" for="customCheck2">关闭</label>
                    </div>
                  </div>
                </div>
              </div>

              <div class="el-form-item">
                <div class="el-form-item__label">操作原因：</div>
                <div class="el-form-item__content form-group">
                  <textarea name="remark" class="form-control remark" maxlength="200" draggable="false" rows="3"
                    placeholder="输入原因不超过200个字符"></textarea>
                </div>
              </div>

            </form>
          </div>

          <div class="region-items">
            <div class="region-items-options-area">
              <div class="item-title">
                <div class="tab-box">
                  <div class="tab-item select" onclick="regionSettingTabChange(this)">区域</div>
                  <div class="tab-item" onclick="regionSettingTabChange(this)">品目</div>
                </div>
              </div>
              <div class="item-body">
                <div id="regionItemsTree"></div>
              </div>
            </div>
            <div class="region-items-selected">
              <div class="item-title">
                <span class="region-selected-count">已选中：0个区域</span>
                <span class="clear-selected" onclick="clearRegionSelected()">清空</span>
              </div>
              <div class="item-body">
                <ul class="region-items-selected-list">
                  <!-- <li class="region-items-selected-item">
                    <div>内容内容内容内容</div>
                    <span class="region-items-del-selected" onclick="delRegionSelected(this)">
                      <i class="mdi mdi-close"></i>
                    </span>
                  </li> -->
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer dialog-footer">
          <button type="button" class="btn btn-primary m-r-15" onclick="dialog1Save()">
            <span>保存</span>
          </button>
          <button type="button" class="btn btn-outline-primary" data-dismiss="modal">
            <span>取消</span>
          </button>
        </div>
      </div>
    </div>
  </div>


  <script type="text/javascript" src="../js/jquery.min.js"></script>
  <script type="text/javascript" src="../js/popper.min.js"></script>
  <script type="text/javascript" src="../js/bootstrap.min.js"></script>
  <script type="text/javascript" src="../js/yntree.js"></script>
  <script type="text/javascript" src="../js/main.min.js"></script>
  <!-- 时间格式化 js -->
  <script type="text/javascript" src="../js/jqueryDatePicker/moment.js"></script>
  <!-- 日期选择 js -->
  <script type="text/javascript" src="../js/jqueryDatePicker/jquery-datePicker.min.js"></script>
  <!-- 校验 js -->
  <script type="text/javascript" src="../js/bootstrap-validator/bootstrapValidator.js"></script>
  <!-- 下拉框 js -->
  <script type="text/javascript" src="../js/xm-select.js"></script>
  <script type="text/javascript" src="../js/dialog.js"></script>

</body>

</html>